<template>
  <div class="container">
    <my-header></my-header>
    <my-aside></my-aside>
    <div class="col-md-10">
      <transition name="slide-fade">
        <router-view></router-view>
      </transition>
    </div>
  </div>
</template>
<script>
import MyHeader from "./components/Header.vue";
import MyAside from "./components/Aside.vue";
export default {
  components: {
    MyHeader,
    MyAside,
  },
};
</script>
<style lang="css">
/* 可以设置不同的进入和离开动画 */
/* 设置持续时间和动画函数 */
.slide-fade-enter-active {
  transition: all .6s ease;
}
.slide-fade-enter, .slide-fade-leave-to
/* .slide-fade-leave-active for below version 2.1.8 */ {
  transform: translateX(10px);
  opacity: 0;
}
</style>